<template>
  <div class="apppageheader">
    <p class="font_extralarge ml-2">{{titleStr}}</p>
    <!-- <el-page-header @back="clickHeaderBack" :content="titleStr"></el-page-header> -->
  </div>
</template>


<script lang="ts">
import { defineComponent } from 'vue'
import { useStore,mapGetters } from 'vuex'


export default defineComponent({
  name: 'AppPageHeader',
  components: {
  },
  data(){
    return {
      title: ""
    }
  },

  methods:{
    fetchData() {
    }
  },

  computed:{
    titleStr : function(){
      let str = this.$route.name;
      return str;
    }
  },

  watch:{
    '$route': function(old:any,n:any){
      // console.log("on route watched",old,n)
    }
  },



  mounted(){
    // console.log("on mounted MainPage 11")
  },

  created(){
    this.fetchData();
  },

  setup(){
    return{
    }
  }
})
</script>

<style scoped lang="scss">
</style>
